<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

        /* css样式 */
        h1{
            width: 100px;
            height: 100px;
        }
     

    </style>
</head>
<body>
    <!-- html -->
    <h1 id="box">首页111222224444</h1>
    <!--属性名等于属性值得属性，可以简写为属性名-->
    <input type="text" readonly="readonly">
    <input type="checkbox" checked="checked" >

    <!-- html中的图片，在引用地址的时候，需要引入打包后的路径 -->
    <img src="./images/1.webp" alt="">
    <div class="box">
        
    </div>
    <!-- <div class="top iconfont icon-dingbu" ></div> -->
    <!-- <div class="top iconfont"  style="font-size:100px">&#xe68e;</div>  -->
    <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-fenlei"></use>
      </svg>
</body>
</html>
<script>
    /* js语法 */

    console.log("index.html里面的js");


</script>